iT邦幫忙

2023 iThome 鐵人賽

DAY 1
0
自我挑戰組

轉職仔與JavaScript的初次相遇系列 第 1

JavaScript變數與賦值 - Day01

  • 分享至 

  • xImage
  •  

前言

此篇會簡述JavaScript中變數,賦值以及宣告的基本概念

說明

首先,先來想想為何需要『變數』?

變數存在的目的是為了方便儲存和管理數據,以便後續進行計算、顯示或執行其他操作

變數(Variable):是一個可以儲存『值』的容器。 (值就是數據,是數據的最基本單位)

https://ithelp.ithome.com.tw/upload/images/20230904/20162465nz6kS1smlS.jpg

註解:每個貨櫃就像是一個『變數』(容器),而裡頭裝的內容物就是『值』

然而容器本身的值並非與生俱來,而是透過『賦值』的動作。
賦值(Assignment):在JavaScript中,等號(=)就是賦值,其運作方式是將是將等號右邊的數據賦值給等號左邊的變數。

x = 5 將等號右方數據5,賦值到變數x身上

正規創造變數的方法稱為宣告(Declaration),然而在宣告前必須先確認『變數本身值的後續可變性』

  • 若數值不變,可用let & var宣告變數 (因hoisting問題,不建議使用var) 關於hoisting後續會再解釋
  • 若數值會變,使用const宣告變數

下方舉例說明如何使用宣告以及賦值

const x = 5 //宣告變數x並賦予其值5
let y = 10  //宣告變數y並賦予其值10
z = 20  //賦予值20至變數z
console.log (x, y, z) // 5, 10, 20

註:console.log是一個在程式開發中用來將訊息輸出到控制台的函式。(簡單說透過此語法,能將變數顯示至畫面上)

看完舉例可能會有疑惑,雖然z沒有執行『宣告』,但仍然能儲存值,那這樣幹嘛還需要『宣告』呢?
原因:未執行宣告會導致該變數變成『全局變數』(i.e.整個程式中都可以被訪問和修改的變數),在後續維護上會有問題

最後在變數方面有幾點規則需注意:

  1. 變數名稱:變數名稱只能包含文字、數字、底線符號(_)、金錢符號($),且不能使用數字作為開頭。除此之外也不能是保留字(Reserved words)和關鍵字(keyword)。保留字和關鍵字可參考MDN資料
  2. 已經宣告過的變數,不能重複賦值 (每個容器都是獨特的,不能複製)

心得

第一次寫文章,感想是佩服以及擔心,真心佩服那些寫文章的前輩們,也擔心內容有疏漏,若有誤再麻煩各位大神糾正。明天會近一步解釋『值』,也就是最基本的數據單位!


下一篇
JavaScript數值類別(原始型別) - Day02
系列文
轉職仔與JavaScript的初次相遇30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言